// pages/cate/cate.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    num: 1,
    userInfo: {
      name: 'tom',
      age: 10,
      test: 111
    },
    list: [1, 2, 3],
    lists: []
    // list: [{
    //   id: 1,
    //   name: 'tom'
    // }]
  },

  getData() {
    wx.showLoading({
      title: '数据加载中...',
      mask: true
    })
    wx.request({
      url: 'https://gmall-prod.atguigu.cn/mall-api/index/findBanner',
      method: "GET",
      data: {},
      header: {},
      success: (res) => {
        // console.log(res);
        if (res.data.code === 200) {
          this.setData({
            lists: res.data.data
          })
        }
      },
      fail: (err) => {
        console.log(err);
      },
      complete: (res) => {
        // console.log(res);
        wx.hideLoading()
      }
    })
  },

  updateList() {
    // this.data.list.push(4)
    // this.setData({
    //   list: this.data.list
    // })

    // const newList = this.data.list.concat(4)

    // this.setData({
    //   list: newList
    // })

    // const newList = [...this.data.list, 4]

    // this.setData({
    //   list: newList
    // })

    // this.setData({
    //   'list[1]': 6
    // })

    // this.setData({
    //   'list[0].name': 'jerry'
    // })

    // this.data.list.splice(1, 1)

    // this.setData({
    //   list: this.data.list
    // })

    const newList = this.data.list.filter(item => item !== 2)
    this.setData({
      list: newList
    })
  },

  updateUserInfo() {
    // this.setData({
    //   'userInfo.name': 'tom',
    //   'userInfo.age': '10',
    // })

    // this.setData({
    //   "userInfo.name": 'jerry',
    //   "userInfo.age": '18',
    // })

    // const userInfo = {
    //   ...this.data.userInfo,
    //   name: 'jerry',
    //   age: '18'
    // }

    // this.setData({
    //   userInfo
    // })

    // const userInfo = Object.assign(this.data.userInfo, {
    //   name: 'jpjn',
    //   age: 20
    // })

    // this.setData({
    //   userInfo
    // })

    // delete this.data.userInfo.age
    // // console.log(this.data.userInfo);
    // this.setData({
    //   userInfo: this.data.userInfo
    // })

    const {
      age,
      test,
      ...rest
    } = this.data.userInfo

    this.setData({
      userInfo: rest
    })

  },

  updateNum() {
    // this.data.num += 1

    this.setData({
      num: this.data.num + 1
    })

    console.log(this.data.num);
  },

  // btnHandler(event) {
  //   console.log(event.currentTarget.dataset.id);
  //   console.log(event.target.dataset.name);
  // },
  btnHandler(event) {
    // console.log(event.mark.id);
    // console.log(event.mark.name);
    console.log(event);
  },

  parentHandler(event) {
    // console.log(event.currentTarget.dataset.parentId);
    console.log(event);
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})